@charset "utf-8";
/* CSS Document */
/* ============================
          	内页样式
   ============================*/
.nrbf_kj_box {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.nrbf_kj_box .nrbf_kj_zt {
  width: 1200px;
  margin: 0 auto;
}
.nrbf_kj_mbx {
  float: left;
  width: 1170px;
  height: 40px;
  padding: 0 15px;
  background: #fff;
}
.nrbf_kj_mbx i {
  float: left;
  color: #333;
  font-size: 20px;
  line-height: 40px;
  margin-right: 6px;
}
.nrbf_kj_mbx a {
  float: left;
  font-size: 14px;
  color: #333;
  line-height: 40px;
}
.nrbf_kj_mbx span {
  float: left;
  font-size: 14px;
  color: #333;
  line-height: 40px;
  margin: 0 6px;
}
.nrbf_kj_mbx p {
  float: left;
  font-size: 14px;
  color: #333;
  line-height: 40px;
  width: 1000px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nrbf_kj_mbx a:hover {
  color: #245cc6;
}
.nrbf_kj_nr {
  float: left;
  width: 1170px;
  margin-top: 15px;
  padding: 15px 15px;
  background: #fff;
}
.nrbf_kj_nr .nrbf_kj_zuo {
  float: left;
  width: 246px;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_dbt {
  float: left;
  width: 246px;
  height: 34px;
  border-bottom: 1px solid #245cc6;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_dbt h2 {
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  padding: 0 15px;
  background: #245cc6;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_ul {
  float: left;
  width: 100%;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_ul ul {
  float: left;
  width: 100%;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_ul ul li {
  float: left;
  width: 100%;
  margin-top: 12px;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_ul ul li a {
  float: left;
  width: 246px;
  height: 54px;
  background: #efefef;
  font-size: 16px;
  line-height: 54px;
  color: #245cc6;
  cursor: pointer;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_ul ul li a i {
  float: left;
  margin-top: 26px;
  margin-right: 6px;
  margin-left: 10px;
  width: 6px;
  height: 2px;
  background: #245cc6;
  transition: all 0.4s ease-in-out;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_ul ul li a:hover {
  background: #245cc6;
  color: #fff;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_ul ul li a:hover i {
  background: #fff;
  margin-left: 15px;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_ul ul li .on {
  background: #245cc6;
  color: #fff;
}
.nrbf_kj_nr .nrbf_kj_zuo .nrbf_kj_ul ul li .on i {
  background: #fff;
  margin-left: 15px;
}
.nrbf_kj_nr .nrbf_kj_zuo .dbt_hot_zx {
  float: left;
  margin-top: 20px;
  width: 246px;
  height: 34px;
  border-bottom: 1px solid #245cc6;
}
.nrbf_kj_nr .nrbf_kj_zuo .dbt_hot_zx h2 {
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  padding: 0 15px;
  background: #245cc6;
}
.nrbf_kj_nr .nrbf_kj_zuo .hot_ul {
  float: left;
  width: 100%;
}
.nrbf_kj_nr .nrbf_kj_zuo .hot_ul ul {
  float: left;
  width: 100%;
  margin-top: 6px;
}
.nrbf_kj_nr .nrbf_kj_zuo .hot_ul ul li {
  float: left;
  width: 100%;
  height: 34px;
}
.nrbf_kj_nr .nrbf_kj_zuo .hot_ul ul li i {
  font-size: 14px;
  float: left;
  line-height: 34px;
  transition: all 0.4s ease-in-out;
}
.nrbf_kj_nr .nrbf_kj_zuo .hot_ul ul li a {
  float: left;
  margin-left: 2px;
  width: 244px;
  font-size: 14px;
  color: #333;
  line-height: 34px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nrbf_kj_nr .nrbf_kj_zuo .hot_ul ul li a:hover {
  color: #245cc6;
}
.nrbf_kj_nr .nrbf_kj_zuo .hot_ul ul li span {
  float: right;
  font-size: 14px;
  color: #333;
  line-height: 34px;
}
.nrbf_kj_nr .nrbf_kj_zuo .hot_ul ul li:hover i {
  margin-left: 6px;
}
.nrbf_kj_nr .nrbf_kj_you {
  float: right;
  width: 896px;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul {
  float: left;
  width: 100%;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul ul {
  float: left;
  width: 100%;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul ul li {
  float: left;
  margin-left: 12px;
  width: 286px;
  height: 206px;
  margin-bottom: 15px;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul ul li a {
  display: block;
  position: relative;
  width: 286px;
  height: 206px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul ul li a img {
  width: 286px;
  height: 206px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul ul li a p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  padding: 0 10%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: url(../img/png2.png);
  z-index: 2;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.4s ease-in-out;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul ul li a:hover img {
  transform: scale(1.1);
}
.nrbf_kj_nr .nrbf_kj_you .nodata {
    margin: 20px 0 0 0;
    padding: 20px 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02);
    width: 100%;
    color: #999;
    line-height: 100px;
    text-align: center;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul1 {
  float: left;
  width: 100%;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul1 ul {
  float: left;
  width: 100%;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul1 ul li {
  float: left;
  margin-left: 12px;
  width: 210px;
  height: 280px;
  margin-bottom: 15px;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul1 ul li a {
  display: block;
  position: relative;
  width: 210px;
  height: 280px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul1 ul li a img {
  width: 210px;
  height: 280px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul1 ul li a p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  padding: 0 10%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: url(../img/png2.png);
  z-index: 2;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.4s ease-in-out;
}
.nrbf_kj_nr .nrbf_kj_you .you_img_ul1 ul li a:hover img {
  transform: scale(1.1);
}
.nrbf_kj_you_nr {
  float: right;
  width: 896px;
}
.nrbf_kj_you_nr .you_nr_gsyw_js {
  float: left;
  width: 866px;
  padding: 15px 15px;
  background: #f7f7f7;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.nrbf_kj_you_nr .you_nr_gsyw_js img {
  width: 264px;
  height: 190px;
  background: #fff;
  transition: all 0.4s ease-in-out;
  border: 1px solid #f7f7f7;
}
.nrbf_kj_you_nr .you_nr_gsyw_js .gsyw_js_nr {
  width: 580px;
}
.nrbf_kj_you_nr .you_nr_gsyw_js .gsyw_js_nr h2 {
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.nrbf_kj_you_nr .you_nr_gsyw_js .gsyw_js_nr p {
  float: left;
  margin-top: 15px;
  width: 100%;
  text-align: justify;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.nrbf_kj_you_nr .you_nr_gsyw_js:hover img {
  padding: 5px 5px;
  width: 254px;
  height: 180px;
  border: 1px solid #838383;
}
.nrbf_kj_you_nr .gsyw_jtnr_sj_xq {
  float: left;
  margin-top: 15px;
  width: 866px;
  padding: 15px 15px;
  background: #f7f7f7;
}
.nrbf_kj_you_nr .gsyw_jtnr_sj_xq .bt_gsyw_dbt_a {
  float: left;
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #245cc6;
}
.nrbf_kj_you_nr .gsyw_jtnr_sj_xq .bt_gsyw_dbt_a a {
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  padding: 0 15px;
  background: #245cc6;
}
.nrbf_kj_you_nr .gsyw_jtnr_sj_xq .smbf_gsyw_nr {
  float: left;
  width: 100%;
  padding: 15px 0;
}
.nrbf_kj_you_nr .gsyw_jtnr_sj_xq .xgnr_gsyw_ul {
  float: left;
  width: 100%;
  border-top: 1px dashed #838383;
}
.nrbf_kj_you_nr .gsyw_jtnr_sj_xq .xgnr_gsyw_ul ul {
  float: left;
  margin-right: -12px;
}
.nrbf_kj_you_nr .gsyw_jtnr_sj_xq .xgnr_gsyw_ul ul li {
  float: left;
  margin-top: 10px;
  margin-right: 12px;
  width: 280px;
  height: 36px;
}
.nrbf_kj_you_nr .gsyw_jtnr_sj_xq .xgnr_gsyw_ul ul li a {
  display: block;
  width: 260px;
  font-size: 14px;
  color: #fff;
  line-height: 36px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  background: #245cc6;
  transition: all 0.4s ease-in-out;
}
.nrbf_kj_you_nr .gsyw_jtnr_sj_xq .xgnr_gsyw_ul ul li a:hover {
  text-indent: 10px;
}
.xiangqing_box_nr {
  float: left;
  margin-top: 15px;
  width: 866px;
  padding: 15px 15px;
  background: #f7f7f7;
}
.xiangqing_box_nr .xiangqing_dbt {
  float: left;
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #245cc6;
}
.xiangqing_box_nr .xiangqing_dbt p {
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  padding: 0 15px;
  background: #245cc6;
}
.xiangqing_box_nr .xiangqing_zhuti {
  float: left;
  width: 100%;
  padding: 15px 0;
}
.xianzai_box {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 866px;
  padding: 0 15px 15px 15px;
  background: #f7f7f7;
}
.xianzai_box ul {
  float: left;
  width: 100%;
}
.xianzai_box ul li {
  float: left;
  margin-top: 15px;
  display: flex;
  padding: 15px 15px;
  justify-content: space-between;
  width: 836px;
  background: #fff;
  align-items: center;
}
.xianzai_box ul li .xianzai_li_zuo {
  display: flex;
  justify-content: flex-start;
}
.xianzai_box ul li .xianzai_li_zuo i {
  font-size: 46px;
  color: #838383;
  margin-right: 6px;
}
.xianzai_box ul li .xianzai_li_zuo .zuo_xq_p_jbxx {
  margin-left: 10px;
}
.xianzai_box ul li .xianzai_li_zuo .zuo_xq_p_jbxx p {
  font-size: 16px;
  color: #333;
}
.xianzai_box ul li .xianzai_li_zuo .zuo_xq_p_jbxx span {
  font-size: 12px;
  color: #838383;
  line-height: 20px;
}
.xianzai_box ul li .xianzai_li_you {
  width: 100px;
}
.xianzai_box ul li .xianzai_li_you botton {
  float: left;
  width: 100%;
  height: 40px;
  border: 1px solid #333;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7f7f7;
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
}
.xianzai_box ul li .xianzai_li_you botton i {
  font-size: 18px;
  margin: 0 6px;
}
.xianzai_box ul li .xianzai_li_you botton p {
  font-size: 14px;
  color: #333;
}
.xianzai_box ul li .xianzai_li_you botton:hover {
  border: 1px solid #3a7ae9;
  background: #245cc6;
}
.xianzai_box ul li .xianzai_li_you botton:hover i {
  color: #fff;
}
.xianzai_box ul li .xianzai_li_you botton:hover p {
  color: #fff;
}
.gsjs_qp_box {
  float: left;
  width: 100%;
}
.gsjs_qp_box .gsjs_qp_zt {
  width: 1200px;
  margin: 0 auto;
}
.gsjs_qp_box .gsjs_qp_zt .gsjs_qp_nr {
  float: left;
  width: 1170px;
  padding: 15px 15px;
  background: #fff;
  display: flex;
  justify-content: space-between;
}
.gsjs_qp_box .gsjs_qp_zt .gsjs_qp_nr .gsjs_qp_zuo {
  width: 356px;
  height: 372px;
}
.gsjs_qp_box .gsjs_qp_zt .gsjs_qp_nr .gsjs_qp_you {
  width: 770px;
}
.gsjs_qp_box .gsjs_qp_zt .gsjs_qp_nr .gsjs_qp_you h3 {
  float: left;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.gsjs_qp_box .gsjs_qp_zt .gsjs_qp_nr .gsjs_qp_you span {
  float: left;
  margin: 15px 0;
  width: 130px;
  height: 3px;
  background: #245cc6;
}
.gsjs_qp_box .gsjs_qp_zt .gsjs_qp_nr .gsjs_qp_you p {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #333;
  text-align: justify;
}
.fwxm_qp_box {
  float: left;
  margin: 15px 0;
  width: 100%;
  padding: 25px 0;
  height: 500px;
  background: #fff;
}
.fwxm_qp_box .fwxm_qp_zt {
  width: 1200px;
  margin: 0 auto;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr h3 {
  float: left;
  text-align: center;
  font-size: 24px;
  color: #333;
  width: 100%;
  font-weight: bold;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr span {
  float: left;
  padding: 6px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr span i {
  width: 76px;
  height: 4px;
  background: #245cc6;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr ul {
  float: left;
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr ul li {
  width: 270px;
  height: 288px;
  position: relative;
  /*cursor: pointer;*/
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr ul li img {
  position: absolute;
  width: 270px;
  height: 288px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr ul li .fwxm_qp_p {
  position: absolute;
  top: 220px;
  left: 9px;
  width: 240px;
  height: 140px;
  background: #3a7ae9;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr ul li .fwxm_qp_p p {
  width: 90%;
  padding: 0 5%;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr ul .two {
  margin-top: 30px;
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr ul li:hover img {
  transform: translate(-10px);
}
.fwxm_qp_box .fwxm_qp_zt .fwxm_qp_nr ul li:hover .fwxm_qp_p {
  box-shadow: 0 2px 15px #4975cd;
}
.zzzs_qp_box {
  float: left;
  width: 100%;
}
.zzzs_qp_box .zzzs_qp_zt {
  width: 1200px;
  margin: 0 auto;
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr {
  float: left;
  width: 1170px;
  padding: 15px 15px;
  background: #fff;
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr .zzzs_qp_dbt {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr .zzzs_qp_dbt h3 {
  float: left;
  text-align: center;
  font-size: 24px;
  color: #333;
  width: 100%;
  font-weight: bold;
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr .zzzs_qp_dbt span {
  float: left;
  padding: 6px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr .zzzs_qp_dbt span i {
  width: 76px;
  height: 4px;
  background: #245cc6;
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr ul {
  float: left;
  margin-top: 30px;
  margin-right: -14px;
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr ul li {
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
  width: 280px;
  height: 208px;
  position: relative;
  /*cursor: pointer;*/
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr ul li img {
  position: absolute;
  width: 280px;
  height: 208px;
  z-index: 1;
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr ul li span {
  position: absolute;
  /*display: none;*/
  left: 0;
  bottom: 0;
  width: 260px;
  padding: 0 10px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  background: #245cc6;
  color: #fff;
  z-index: 3;
}
.zzzs_qp_box .zzzs_qp_zt .zzzs_qp_nr ul li:hover span {
  display: block;
}
.gshj_qp_box {
  float: left;
  margin: 15px 0 0 0;
  width: 100%;
  padding: 25px 0;
  background: #fff;
}
.gshj_qp_box .gshj_qp_zt {
  width: 1200px;
  margin: 0 auto;
}
.gshj_qp_box .gshj_qp_zt .gshj_qp_nr {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.gshj_qp_box .gshj_qp_zt .gshj_qp_nr h3 {
  float: left;
  text-align: center;
  font-size: 24px;
  color: #333;
  width: 100%;
  font-weight: bold;
}
.gshj_qp_box .gshj_qp_zt .gshj_qp_nr span {
  float: left;
  padding: 6px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.gshj_qp_box .gshj_qp_zt .gshj_qp_nr span i {
  width: 76px;
  height: 4px;
  background: #245cc6;
}
.gshj_qp_box .gshj_pq_hdp {
  float: left;
  margin-top: 30px;
  width: 1170px;
  position: relative;
}
.gshj_qp_box .gshj_pq_hdp ul {
  float: left;
  width: 1170px;
  overflow: hidden;
}
.gshj_qp_box .gshj_pq_hdp ul li {
  float: left;
  width: 280px;
  height: 208px;
  margin-right: 15px;
  position: relative;
}
.gshj_qp_box .gshj_pq_hdp ul li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
  height: 208px;
  z-index: 1;
}
.gshj_qp_box .gshj_pq_hdp ul li span {
  position: absolute;
  width: 260px;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  left: 0;
  bottom: 0;
  background: #245cc6;
  color: #fff;
  z-index: 2;
}
.gshj_qp_box .gshj_pq_hdp .prev {
  position: absolute;
  z-index: 4;
  display: block;
  width: 31px;
  height: 31px;
  right: -13px;
  top: 85px;
  background: url(../img/png4.png) no-repeat;
  cursor: pointer;
}
.gshj_qp_box .gshj_pq_hdp .next {
  position: absolute;
  z-index: 4;
  display: block;
  width: 31px;
  height: 31px;
  left: -15px;
  top: 85px;
  background: url(../img/png3.png) no-repeat;
  cursor: pointer;
}
.lxfs_nr_box_xq {
  float: left;
  width: 1170px;
  margin-top: 15px;
  padding: 15px 15px;
  background: #fff;
}
.lxfs_nr_box_xq .lxfs_jtlxfs {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.lxfs_nr_box_xq .lxfs_jtlxfs .jtlxfs1 {
  width: 360px;
  height: 178px;
  padding: 10px 10px;
  background: #4c90f1;
  text-align: center;
  box-shadow: 0 4px 15px #b7c9ec;
}
.lxfs_nr_box_xq .lxfs_jtlxfs .jtlxfs1 img {
  width: 68px;
  margin-top: 10px;
  height: 68px;
}
.lxfs_nr_box_xq .lxfs_jtlxfs .jtlxfs1 h3 {
  width: 100%;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.lxfs_nr_box_xq .lxfs_jtlxfs .jtlxfs1 p {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.lxfs_nr_box_xq .lxfs_jtlxfs .jtlxfs2 {
  width: 360px;
  height: 178px;
  padding: 10px 10px;
  background: #4c90f1;
  box-shadow: 0 4px 15px #b7c9ec;
  display: flex;
  justify-content: center;
}
.lxfs_nr_box_xq .lxfs_jtlxfs .jtlxfs2 .jtlxfs2_div {
  width: 147px;
  margin: 0 15px;
}
.lxfs_nr_box_xq .lxfs_jtlxfs .jtlxfs2 .jtlxfs2_div img {
  float: left;
  width: 147px;
  height: 147px;
}
.lxfs_nr_box_xq .lxfs_jtlxfs .jtlxfs2 .jtlxfs2_div p {
  float: left;
  margin-top: 4px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}
.lxfs_nr_box_xq .baidu_ditu_box {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.you_xwlb_ul {
  float: left;
  width: 100%;
}
.you_xwlb_ul ul {
  float: left;
  width: 100%;
}
.you_xwlb_ul ul .xwlb_ul_li1 {
  float: left;
  width: 876px;
  background: #f7f7f7;
  padding: 10px 10px;
}
.you_xwlb_ul ul .xwlb_ul_li1 .xwlb_dbt {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 30px;
}
.you_xwlb_ul ul .xwlb_ul_li1 .xwlb_dbt a {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 30px;
  width: 760px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.you_xwlb_ul ul .xwlb_ul_li1 .xwlb_dbt span {
  font-size: 14px;
  line-height: 30px;
  color: #838383;
}
.you_xwlb_ul ul .xwlb_ul_li1 .xwlb_zhiyao {
  float: left;
  margin-top: 6px;
  width: 100%;
  font-size: 14px;
  color: #838383;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.you_xwlb_ul ul .xwlb_ul_li1 .xwlb_more {
  float: left;
  width: 100%;
}
.you_xwlb_ul ul .xwlb_ul_li1 .xwlb_more a {
  font-size: 14px;
  line-height: 30px;
  float: right;
  color: #245cc6;
}
.you_xwlb_ul ul .xwlb_ul_li2 {
  float: left;
  width: 876px;
  background: #f7f7f7;
  padding: 10px 10px;
  display: flex;
  justify-content: space-between;
}
.you_xwlb_ul ul .xwlb_ul_li2 .xwlb_li2_img {
  width: 200px;
  height: 106px;
}
.you_xwlb_ul ul .xwlb_ul_li2 .xwlb_li2_img img {
  width: 200px;
  height: 106px;
}
.you_xwlb_ul ul .xwlb_ul_li2 .xwlb_li2_xqnrbf {
  width: 658px;
}
.you_xwlb_ul ul .xwlb_ul_li2 .xwlb_li2_xqnrbf .xwlb_dbt2 {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.you_xwlb_ul ul .xwlb_ul_li2 .xwlb_li2_xqnrbf .xwlb_dbt2 a {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 30px;
  width: 522px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.you_xwlb_ul ul .xwlb_ul_li2 .xwlb_li2_xqnrbf .xwlb_dbt2 span {
  font-size: 14px;
  line-height: 30px;
  color: #838383;
}
.you_xwlb_ul ul .xwlb_ul_li2 .xwlb_li2_xqnrbf .xwlb_zhiyao {
  float: left;
  margin-top: 6px;
  width: 100%;
  font-size: 14px;
  color: #838383;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.you_xwlb_ul ul .xwlb_ul_li2 .xwlb_li2_xqnrbf .xwlb_more {
  float: left;
  width: 100%;
}
.you_xwlb_ul ul .xwlb_ul_li2 .xwlb_li2_xqnrbf .xwlb_more a {
  font-size: 14px;
  line-height: 30px;
  float: right;
  color: #245cc6;
}
.you_xwlb_ul ul li {
  margin-bottom: 15px;
  /*cursor: pointer;*/
  transition: all 0.4s ease-in-out;
  float: left;
}
.you_xwlb_ul ul li:hover {
  transform: translate(0, -3px);
  box-shadow: 0 5px 10px #ebebeb;
}
.jtnrbf_conter_nr {
  float: left;
  width: 100%;
}
.jtnrbf_conter_nr .jtnrbf_conter_bt {
  float: left;
  width: 80%;
  margin: 0 10%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
}
.jtnrbf_conter_nr .jtnrbf_conter_xinxi {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
}
.jtnrbf_conter_nr .jtnrbf_conter_xinxi span {
  font-size: 14px;
  color: #cccccc;
  margin: 15px 10px;
}
.jtnrbf_conter_nr .jtnrbf_conter_xinxi span.click {
  cursor: pointer;
}
.jtnrbf_conter_nr .jtnrbf_xqnrbf_zt {
  float: left;
  width: 100%;
  padding: 20px 0;
  border-top: 1px dashed #cccccc;
}
.fanhui_box {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.fanhui_box .fanhui_syy {
  width: 370px;
  padding: 0 15px;
  height: 34px;
  line-height: 34px;
  color: #333;
  border: 1px solid #cccccc;
  text-align: left;
}
.fanhui_box .fanhui_syy p {
  float: left;
  color: #333;
}
.fanhui_box .fanhui_syy a {
  float: left;
  width: 310px;
  height: 34px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
.fanhui_box .fanghui_nr {
  width: 50px;
  padding: 0 15px;
  height: 34px;
  border: 1px solid #cccccc;
}
.fanhui_box .fanghui_nr a {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 34px;
  color: #333;
  font-size: 14px;
}
.fanhui_box .fanghui_xyy {
  width: 370px;
  padding: 0 15px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #cccccc;
  text-align: left;
}
.fanhui_box .fanghui_xyy p {
  float: left;
  color: #333;
}
.fanhui_box .fanghui_xyy a {
  float: left;
  width: 310px;
  height: 34px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
.yonghudenglu_box {
  float: left;
  margin: 15px 0;
  width: 100%;
  background: #fff;
  position: relative;
}
.yonghudenglu_box .yhdl_zuo_nr {
  float: left;
  width: 735px;
  height: 613px;
}
.yonghudenglu_box .yhdl_zuo_nr img {
  float: left;
  width: 100%;
}
.yonghudenglu_box .yhdl_you_xq {
  position: absolute;
  width: 454px;
  top: 110px;
  right: 60px;
  height: 400px;
  padding: 15px 15px;
  border-radius: 6px;
  background: #f7f7f7;
}
.yonghudenglu_box .yhdl_you_xq h3 {
  /*float: left;*/
  width: 100%;
  border-bottom: 1px solid #245cc6;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  margin-bottom: 30px;
}
.yonghudenglu_box .yhdl_you_xq .yhdl_yhm {
  float: left;
  margin-left: 35px;
  margin-top: 20px;
  width: 380px;
  padding: 15px 0;
  border: 1px solid #e5e5e5;
  background: #fff;
}
.yonghudenglu_box .yhdl_you_xq .yhdl_yhm i {
  float: left;
  width: 26px;
  font-size: 24px;
  margin-left: 15px;
  text-align: center;
}
.yonghudenglu_box .yhdl_you_xq .yhdl_yhm input {
  float: left;
  width: 245px;
  margin-left: 15px;
  padding: 0 15px;
  height: 24px;
  border-left: 1px solid #cccccc;
  border-top: none;
  border-right: none;
  border-bottom: none;
  background: none;
}
.yonghudenglu_box .yhdl_you_xq .tijiao_anniu {
  float: left;
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.yonghudenglu_box .yhdl_you_xq .tijiao_anniu button {
  width: 120px;
  height: 42px;
  border-radius: 3px;
  text-align: center;
  line-height: 42px;
  background: #245cc6;
  color: #fff;
  border: 1px solid #f7f7f7;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
}
.yonghudenglu_box .yhdl_you_xq .jcxx_p {
  float: left;
  margin-top: 30px;
  width: 410px;
  text-align: right;
  font-size: 14px;
  color: #333;
}
.yonghudenglu_box .yhdl_you_xq .jcxx_p a {
  color: #245cc6;
}
.yonghudenglu_box .yhdl_you_xq1 {
  position: absolute;
  width: 454px;
  top: 40px;
  right: 60px;
  height: 510px;
  padding: 15px 15px;
  border-radius: 6px;
  background: #f7f7f7;
}
.yonghudenglu_box .yhdl_you_xq1 h3 {
  float: left;
  width: 100%;
  border-bottom: 1px solid #245cc6;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  margin-bottom: 15px;
}
.yonghudenglu_box .yhdl_you_xq1 .yhdl_yhm {
  float: left;
  margin-left: 15px;
  margin-top: 15px;
  width: 418px;
  padding: 10px 0;
  border: 1px solid #e5e5e5;
  background: #fff;
}
.yonghudenglu_box .yhdl_you_xq1 .yhdl_yhm p {
  float: left;
  text-align: right;
  width: 80px;
  font-size: 14px;
  margin-left: 15px;
}
.yonghudenglu_box .yhdl_you_xq1 .yhdl_yhm input {
  float: left;
  width: 250px;
  margin-left: 15px;
  padding: 0 15px;
  height: 24px;
  border-left: 1px solid #cccccc;
  border-top: none;
  border-right: none;
  border-bottom: none;
  background: none;
}
.yonghudenglu_box .yhdl_you_xq1 .tijiao_anniu {
  float: left;
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.yonghudenglu_box .yhdl_you_xq1 .tijiao_anniu button {
  width: 120px;
  height: 42px;
  border-radius: 3px;
  text-align: center;
  line-height: 42px;
  background: #245cc6;
  color: #fff;
  border: 1px solid #f7f7f7;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
}
.yhxx_you_nr {
  float: right;
  width: 896px;
}
.yhxx_you_nr .yhxx_yhxxnr {
  float: left;
  margin-bottom: 15px;
  width: 866px;
  padding: 15px 15px;
  background: #f7f7f7;
}
.yhxx_you_nr .yhxx_yhxxnr .yhxx_xx_nr {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.yhxx_you_nr .yhxx_yhxxnr .yhxx_xx_nr .xx_nr_jg1 {
  float: left;
  margin-right: 25px;
  margin-top: 10px;
  padding: 5px 0;
  width: 260px;
  height: 34px;
  display: flex;
  justify-content: space-between;
}
.yhxx_you_nr .yhxx_yhxxnr .yhxx_xx_nr .xx_nr_jg1 p {
  width: 100px;
  text-align: right;
  font-size: 14px;
  line-height: 34px;
  color: #333;
}
.yhxx_you_nr .yhxx_yhxxnr .yhxx_xx_nr .xx_nr_jg1 input {
  width: 160px;
  padding: 0 10px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  height: 32px;
  line-height: 32px;
  background: #fff;
}
.yhxx_you_nr .bt_dbt_bt {
  float: left;
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #245cc6;
}
.yhxx_you_nr .bt_dbt_bt h2 {
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  padding: 0 15px;
  background: #245cc6;
}
.nrbf_kj_you .bt_dbt_bt {
  float: left;
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #245cc6;
}
.nrbf_kj_you .bt_dbt_bt h2 {
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 34px;
  padding: 0 15px;
  background: #245cc6;
}
.nrbf_kj_you .bt_dbt_bt a {
    float: right;
    font-size: 14px;
    color: #838383;
    line-height: 34px;
}
.yhxx_you_nr .xajl_box_nr {
  float: left;
  width: 866px;
  padding: 15px 15px;
  margin-bottom: 15px;
  background: #f7f7f7;
}
.yhxx_you_nr .xajl_box_nr .xzjl_ul {
  float: left;
  width: 100%;
}
.yhxx_you_nr .xajl_box_nr .xzjl_ul li {
  float: left;
  padding: 6px 0;
  margin-top: 10px;
  width: 100%;
  height: 34px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  transition: all 0.4s ease-in-out;
  /*border-bottom: 1px #ccc dashed;*/
}
.yhxx_you_nr .xajl_box_nr .xzjl_ul li div {
    width: 162px;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.yhxx_you_nr .xajl_box_nr .xzjl_ul li div:first-child {
    width: 380px;
}
.yhxx_you_nr .xajl_box_nr .xzjl_ul li a {
  margin-left: 10px;
  font-size: 14px;
  color: #333;
  line-height: 34px;
}
.yhxx_you_nr .xajl_box_nr .xzjl_ul li span {
  margin-right: 10px;
  font-size: 12px;
  color: #333;
  line-height: 34px;
}
.yhxx_you_nr .xajl_box_nr .xzjl_ul li:hover {
  box-shadow: 0 5px 10px #ccc;
  /*cursor: pointer;*/
}
.yhxx_you_nr .xgmm_box_nr {
  float: left;
  width: 866px;
  padding: 15px 15px;
  background: #f7f7f7;
}
.yhxx_you_nr .xgmm_box_nr .xgmm_ul {
  float: left;
  margin-left: 80px;
  width: 620px;
}
.yhxx_you_nr .xgmm_box_nr .xgmm_ul .jiumima {
  float: left;
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.yhxx_you_nr .xgmm_box_nr .xgmm_ul .jiumima p {
  width: 120px;
  text-align: right;
  font-size: 14px;
  line-height: 36px;
}
.yhxx_you_nr .xgmm_box_nr .xgmm_ul .jiumima .jmm_input {
  width: 500px;
}
.yhxx_you_nr .xgmm_box_nr .xgmm_ul .jiumima .jmm_input input {
  width: 478px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #fff;
}
.yhxx_you_nr .xgmm_box_nr .xgmm_ul .jiumima .jmm_input p {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 30px;
  color: #333;
}
.yhxx_you_nr .xgmm_box_nr .xgmm_tijiao {
  float: left;
  width: 100%;
  padding: 30px;
  display: flex;
  justify-content: center;
}
.yhxx_you_nr .xgmm_box_nr .xgmm_tijiao botton {
  width: 160px;
  height: 42px;
  border-radius: 3px;
  text-align: center;
  line-height: 42px;
  background: #245cc6;
  color: #fff;
  border: 1px solid #f7f7f7;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
}

/* 后面添加 */
.jieshao{
  width: 74%;
  margin: 0 13%;
}
.jieshao img{
  float: left;
  width: 100%;
}
.btn_tijiao {
    float: left;
    width: 100%;
    padding: 30px 0;
    display: flex;
    justify-content: center;
}
.btn_tijiao botton {
    width: 160px;
    height: 42px;
    border-radius: 3px;
    text-align: center;
    line-height: 42px;
    background: #245cc6;
    color: #fff;
    border: 1px solid #f7f7f7;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
}
.sousuo_box {
    float: left;
    width: 100%;
    /*margin: 20px 0 0 0;*/
    box-sizing: border-box;
    position: absolute;
    bottom: -30px;
}
.sousuo_box input {
    border-top: none;
    border-bottom: none;
    /*border-right: none;*/
    height: 60px !important;
}
.sousuo_box button {
    line-height: 60px;
    border: none;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.sousuo_box .layui-form-select dl {
    top: 60px;
}
.sousuo_box .layui-form-selectup dl {
    top: auto;
    bottom: 60px;
}
.nrbf_kj_zt1 {
  width: 1200px;
  margin: 0 auto;
  

}
.sousuo_zt {
    float: left;
    width: 1185px;
    height: 60px;
    padding: 0 0 0 15px;
    background: #fff;
    border-radius: 30px;
    /*overflow: hidden;*/
    box-shadow: 5px 5px 10px 4px #1e9fff38;
}
.ss_rmxw{
  float: left;
  width: 560px;

}
.ss_rmxw h3{
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  line-height: 60px;
  margin-right: 15px;
}
.ss_rmxw .rmxx_hot{
  float: left;
}
.rmxx_hot .bd{
  float: left;
  /*margin-top: 10px;*/
  width: 460px;
  height: 60px;
  overflow: hidden;
}
.rmxx_hot .bd ul{
  float: left;
  width: 100%;
  height: 60px;
  /*overflow: hidden;*/
}
.rmxx_hot .bd ul li{
  width: 100%;
  height: 60px;
  line-height: 60px;
}
.rmxx_hot .bd ul li a{
  float: left;
  color: #000;
  font-size: 14px;
  width: 328px;
  word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.rmxx_hot .bd ul li a:hover{
  color: #245cc6;
}
.rmxx_hot .bd ul li span{
  float: right;
  font-size: 14px;
  color: #999;
}
.ss_sousuo{
  float: right;
  width: 488px;
  /*overflow: hidden;*/
  box-sizing: border-box;
}
.saixuan_hz{
  float: left;
  background: #ffffff;
}
.saixuan_hz button {
    height: 40px;
}
.ss_sousuo .saixuan_hz .layui-form-item {
    width: 86px;
}
.saixuan_hz .layui-form-item .layui-input-block {
    margin-left: 0;
}
.tianxie_hz{
  float: left;
  width: 338px;
}
.tianxie_hz .layui-input {
    border: none;
}
.anniu_hz{
  float: left;
}
.zxzx_tools .saixuan_hz .layui-form-item {
    width: 120px;
    float: left;
    clear: none;
}
.zxzx_tools .zxzx_search {
    float: left;
}
.zxzx_tools .zxzx_btn {
    float: right;
}
.zxbm_dbt{
  width: 100%;
}
.zxbm_dbt h3{
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #000;
  font-weight: bold;
  line-height: 70px;
  border-bottom: 6px solid #f0f0f0;
  margin-bottom: 25px;
}
.jtnrbf_conter_nr .layui-form-item {
    margin-bottom: 15px;
}
.xianzai_box .answer_item_li {
    padding: 10px;
    background: #fff;
    margin-top: 5px;
    display: block;
    width: calc(100% - 20px);
}
.xianzai_box .person_info_box {
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.xianzai_box .name {
    position: relative;
}
.avatar-box img.avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.xianzai_box .person_info_box .desc_box {
    height: 32px;
    line-height: 32px;
    flex: 1;
    padding-left: 15px;
}
.xianzai_box .person_info_box .desc_box .nickname {
    color: #222226;
    font-weight: 400;
    max-width: 154px;
    overflow: hidden;
    max-height: 32px;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xianzai_box .person_info_box .desc_box .create_at_time {
    margin-left: 15px;
    color: #999aaa;
    font-size: 14px;
}
.xianzai_box .show_answer_content_box {
    padding: 0 40px;
}
.banner .swiper-slide .img-box,.banner .swiper-slide .img-box img { width: 100%; height: 100%; }
.banner .swiper-pagination-bullet { background: #fff; opacity: .8; width: 6px; height: 6px; margin-right: 6px; }
.banner .swiper-pagination-bullet-active { opacity: 1; width: 20px; height: 6px; border-radius: 10px; background: #245cc6; }
.nomg {margin: 0 !important;}
.nopd {padding: 0 !important;}
.mg_bot {margin-bottom: 15px !important;}

.comment-box { margin-top: 20px; }
.comment-box .comment-from { display: flex; justify-content: flex-start; }
.comment-box .comment-from .avatar-box { display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.comment-box .comment-from .avatar-box > img, .comment-box .comment-from .avatar-box .el-image { width: 100%; height: 100%; }
.comment-box .comment-from .avatar-box .icon { color: #999; font-size: 24px; }
.comment-box .comment-from .from-box { flex-grow: 1; display: flex; justify-content: flex-start; position: relative; margin-left: 20px; height: 84px; }
.comment-box .comment-from .from-box .input { position: relative; display: block; padding: 10px; border: none; width: 100%; height: 100%; font-size: 14px; line-height: 24px; color: #4b4b4b; box-sizing: border-box; border: 2px solid #f0f0f0; border-right: none; background: #fff; }
.comment-box .comment-from .from-box .input .el-textarea { height: 100%; }
.comment-box .comment-from .from-box .input textarea { width: 100%; height: 100%; border: none; }
.comment-box .comment-from .from-box .btn { width: 100px; height: 84px; line-height: 84px; color: #fff; font-weight: 600; text-align: center; background: #379be9; cursor: pointer; }
.comment-box .comment-from .from-box .btn:hover { background: #328bd1; }
.comment-box .comment-list .nodata { margin-top: 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fafafa; color: #999; text-align: center; line-height: 80px; }
.comment-box .comment-list .list-box { display: flex; flex-direction: column; margin-top: 20px; padding: 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
.comment-box .comment-list .list-box .head-box { display: flex; justify-content: space-between; }
.comment-box .comment-list .list-box .head-box .left { display: flex; justify-content: flex-start; }
.comment-box .comment-list .list-box .head-box .left .avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.comment-box .comment-list .list-box .head-box .left .avatar > img, .comment-box .comment-list .list-box .head-box .left .avatar .el-image { width: 100%; height: 100%; }
.comment-box .comment-list .list-box .head-box .left .meta { display: flex; flex-direction: column; margin-left: 20px; }
.comment-box .comment-list .list-box .head-box .left .meta .name { color: #282828; font-size: 16px; font-weight: 600; line-height: 20px; }
.comment-box .comment-list .list-box .head-box .left .meta .time { margin-top: 10px; color: #999; font-size: 14px; line-height: 1; }
.comment-box .comment-list .list-box .head-box .right .icon { margin-left: 10px; color: #999; font-size: 14px; cursor: pointer; }
.comment-box .comment-list .list-box .head-box .right .icon::before { margin-right: 5px; }
.comment-box .comment-list .list-box .content { margin: 10px 0 0 70px; color: #4b4b4b; font-size: 14px; line-height: 24px; }
.comment-box .comment-list .list-box .reply { margin: 10px 0 0 70px; padding: 12px; border-radius: 3px; color: #666; font-size: 14px; line-height: 24px; background: #f7f8fa; overflow: hidden; }
.comment-box .comment-list .list-box .reply .label { margin-right: 3px; color: #999; }
.comment-box .comment-list .list-box .reply .meta { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; }
.comment-box .comment-list .list-box .reply .meta .left { color: #ccc; font-size: 14px; }
.comment-box .comment-list .list-box .reply .meta .right .icon { margin-left: 10px; color: #999; font-size: 14px; cursor: pointer; }
.comment-box .comment-list .list-box .reply .meta .right .icon::before { margin-right: 5px; }

.jtnrbf_xqnrbf_zt .content { position: relative; margin-top: 30px; color: #333; font-size: 15px; line-height: 30px; }
.jtnrbf_xqnrbf_zt .content p { margin: 10px 0; }
.jtnrbf_xqnrbf_zt .content img { max-width: 100%; }
.jtnrbf_xqnrbf_zt .album-list { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: 10px 0 0 -20px; overflow: hidden; }
.jtnrbf_xqnrbf_zt .album-list .list-box { position: relative; margin: 20px 0 0 20px; }
.jtnrbf_xqnrbf_zt .album-list .list-box .img-box { position: relative; width: 233px; height: 233px; overflow: hidden; }
.jtnrbf_xqnrbf_zt .album-list .list-box .img-box > img, .detail-box .album-list .list-box .img-box .el-image { width: 100%; height: 100%; }
.jtnrbf_xqnrbf_zt .album-list .list-box .txt-box { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 36px; background: rgba(0, 0, 0, 0.1); }
.jtnrbf_xqnrbf_zt .album-list .list-box .txt-box .text { position: absolute; left: 0; bottom: 0; right: 0; display: block; padding: 10px; color: #fff; font-size: 12px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.jtnrbf_xqnrbf_zt .attach-list { display: flex; flex-direction: column; position: relative; margin-top: 10px; }
.jtnrbf_xqnrbf_zt .attach-list .list-box { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding: 15px; border: 1px solid #f0f0f0; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
.jtnrbf_xqnrbf_zt .attach-list .list-box .left-box { display: flex; justify-content: flex-start; }
.jtnrbf_xqnrbf_zt .attach-list .list-box .left-box .icon { margin-right: 20px; color: #ccc; font-size: 40px; }
.jtnrbf_xqnrbf_zt .attach-list .list-box .left-box .txt-box .title { display: block; color: #282828; font-size: 14px; font-weight: 600; line-height: 20px; }
.jtnrbf_xqnrbf_zt .attach-list .list-box .left-box .txt-box .info { display: block; margin-top: 10px; color: #999; font-size: 12px; line-height: 1; }

.down-list { display: flex; flex-flow: row wrap; margin: 0 0 0 -20px; overflow: hidden; }
.down-list .nodata { margin: 20px 0 0 20px; padding: 30px; width: 100%; color: #999; text-align: center; line-height: 80px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
.down-list .list-box { position: relative; margin: 20px 0 0 20px; padding: 20px; width: 285px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); box-sizing: border-box; background: #fff; cursor: pointer; overflow: hidden; }
.down-list .list-box:hover .img-box > img, .down-list .list-box:hover .img-box .el-image { transform: scale(1.2); }
.down-list .list-box .img-box { width: 100%; height: 245px; border-radius: 3px; overflow: hidden; }
.down-list .list-box .img-box > img, .down-list .list-box .img-box .el-image { width: 100%; height: 100%; transition: all 0.5s; }
.down-list .list-box .txt-box { display: flex; flex-direction: column; }
.down-list .list-box .txt-box .title { margin-top: 10px; color: #666; font-size: 14px; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.down-list .list-box .txt-box .info { margin-top: 10px; color: #999; font-size: 12px; height: 40px; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
.down-list .list-box .txt-box .date { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; color: #ccc; font-size: 12px; line-height: 1; }
.down-list .list-box .txt-box .date .icon { font-size: 12px; }
.down-list .list-box .txt-box .date .icon::before { margin-right: 3px; }

.video-index { margin-top: 20px; }
.video-index .left-box { position: relative; width: 590px; height: 350px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
.video-index .left-box .item-box { width: 100%; height: 100%; cursor: pointer; }
.video-index .left-box .item-box:hover .img-box > img, .video-index .left-box .item-box:hover .img-box el-image { transform: scale(1.2); }
.video-index .left-box .item-box .img-box { width: 100%; height: 100%; overflow: hidden; }
.video-index .left-box .item-box .img-box > img, .video-index .left-box .item-box .img-box .el-image { width: 100%; height: 100%; min-height: 100%; transition: all 0.5s; }
.video-index .left-box .item-box .txt-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.01); }
.video-index .left-box .item-box .txt-box:hover { background: rgba(0, 0, 0, 0.3); }
.video-index .left-box .item-box .txt-box:hover .icon { opacity: .4; }
.video-index .left-box .item-box .txt-box .text { position: absolute; left: 0; bottom: 20px; right: 0; display: block; padding: 5px 20px; color: #fff; font-size: 20px; line-height: 28px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.video-index .left-box .item-box .txt-box .icon { position: absolute; top: 50%; left: 50%; margin: -28px auto auto -28px; color: #fff; font-size: 56px; opacity: 0; }
.video-index .right-box { width: 590px; }
.video-index .picture-list .list-box .txt-box:hover { background: rgba(0, 0, 0, 0.3); }

.video-list { margin-top: 20px; }

.picture-list { display: flex; flex-flow: row wrap; margin: -20px 0 0 -20px; overflow: hidden; }
.picture-list .nodata { margin: 20px 0 0 20px; padding: 30px; width: 100%; color: #999; text-align: center; line-height: 80px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
.picture-list .list-box { position: relative; display: block; margin: 20px 0 0 20px; width: 285px; height: 165px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; cursor: pointer; }
.picture-list .list-box:hover .img-box > img, .picture-list .list-box:hover .img-box .el-image { transform: scale(1.2); }
.picture-list .list-box:hover .txt-box .icon { opacity: .4; }
.picture-list .list-box .img-box { width: 100%; height: 100%; overflow: hidden; }
.picture-list .list-box .img-box > img, .picture-list .list-box .img-box .el-image { width: 100%; height: 100%; transition: all 0.5s; }
.picture-list .list-box .txt-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.01); }
.picture-list .list-box .txt-box .icon { position: absolute; top: 50%; left: 50%; margin: -24px auto auto -24px; color: #fff; font-size: 48px; opacity: 0; }
.picture-list .list-box .txt-box .text { position: absolute; left: 0; bottom: 0; right: 0; display: block; padding: 10px; color: #fff; font-size: 14px; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.payer-box { display: block; width: 800px; height: 450px; margin:20px auto; position: relative; background: #000; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }

.yhdl_you_xq .tab-box .text { flex-grow: 1; position: relative; margin-left: 20px; padding: 10px 20px; color: #999; font-size: 16px; line-height: 1; text-align: center; cursor: pointer; }
.yhdl_you_xq .tab-box .text:first-child { margin-left: 0; }
.yhdl_you_xq .tab-box .text:first-child::before { display: none; }
.yhdl_you_xq .tab-box .text::before { content: ""; position: absolute; top: 10px; left: -10px; bottom: 10px; display: block; width: 1px; background: #ccc; }
.yhdl_you_xq .tab-box .text.active { color: #245cc6; font-weight: 600; }
/*.yhdl_you_xq .el-form { padding: 0 50px; }*/
.yhdl_you_xq .el-form .btn { width: 100%; }
.yhdl_you_xq .foot-box { display: flex; justify-content: space-between; align-items: center; margin: 0 50px 30px 50px; }
.yhdl_you_xq .foot-box .text { color: #323233; font-size: 14px; line-height: 1; }
/*.yhdl_you_xq { display: flex; flex-direction: column; justify-content: center; position: relative; margin-left: 20px; padding: 30px 50px; width: 380px; background: #fff; border-radius: 3px; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }*/
.yhdl_you_xq .logo { text-align: center; }
.yhdl_you_xq .head-box { display: flex; flex-direction: column; text-align: center; }
.yhdl_you_xq .head-box .title { color: #323233; font-size: 22px; line-height: 34px; }
.yhdl_you_xq .head-box .text { margin: 10px 0 20px; color: #666; font-size: 14px; line-height: 24px; }
.yhdl_you_xq .img-box { position: relative; margin-top: 20px; }
.yhdl_you_xq .img-box > img, .yhdl_you_xq .img-box el-image { width: 100%; }
.yhdl_you_xq .oauth-box { display: flex; -webkit-box-pack: center; ms-flex-pack: center; justify-content: center; position: relative; margin: 20px 20px 0 20px; }
.yhdl_you_xq .oauth-box .list-box { display: flex; align-items: center; padding: 5px 10px; height: 35px; border-radius: 5px; cursor: pointer; overflow: hidden; }
.yhdl_you_xq .oauth-box .list-box:hover { border-color: #ddd; }
.yhdl_you_xq .oauth-box .list-box .icon { display: flex; justify-content: center; position: relative; margin-right: 10px; width: 32px; height: 32px; }
.yhdl_you_xq .oauth-box .list-box .icon > img, .yhdl_you_xq .oauth-box .list-box .icon el-image { height: 100%; }
.yhdl_you_xq .oauth-box .list-box .text { font-size: 14px; }
.yhdl_you_xq .foot-box { margin: 20px 0 0 0; display: flex; justify-content: space-around; align-items: center; }
.yhdl_you_xq .foot-box .icon { color: #666; font-size: 14px; line-height: 1; }
.yhdl_you_xq .foot-box .icon::before { margin-right: 5px; }

.wrapper { position: relative; margin: 0 auto; width: 1200px; height: 100%; }

.account-box { display: flex; justify-content: space-between; }
.account-box .left-box { width: 224px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
.account-box .left-box .head-box { text-align: center; border-bottom: 20px solid #f7f7f7; }
.account-box .left-box .head-box .img-box { display: flex; justify-content: center; align-items: center; margin: 20px auto; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.06); background: #f3f3f3; overflow: hidden; }
.account-box .left-box .head-box .img-box .icon { color: #fff; font-size: 48px; }
.account-box .left-box .head-box .img-box > img, .account-box .left-box .head-box .img-box .el-image { width: 100%; height: 100%; border-radius: 50%; }
.account-box .left-box .head-box .name { margin: 0 20px; color: #323233; font-size: 17px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.account-box .left-box .head-box .info { position: relative; display: flex; justify-content: space-around; align-items: center; margin-top: 20px; padding: 10px 0; background: #245cc6; }
.account-box .left-box .head-box .info .text { position: relative; margin: 0 1%; padding: 6px 12px; width: 40%; color: #fff; font-size: 12px; line-height: 1; text-align: center; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; overflow: hidden; }
.account-box .left-box .head-box .info .text::before { margin-right: 3px; }
.account-box .left-box .head-box .info .text::after { content: ""; position: absolute; top: 6px; bottom: 6px; left: 0; width: 1px; border-left: 1px solid #d9d9d9; }
.account-box .left-box .head-box .info .text:first-child::after { display: none; }
.account-box .left-box .menu-box { display: flex; flex-direction: column; padding: 10px 0; }
.account-box .left-box .menu-box .item-box { position: relative; margin: 10px 0; padding: 10px 30px; color: #666; font-size: 16px; line-height: 1; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.account-box .left-box .menu-box .item-box:hover { color: #ff701d; }
.account-box .left-box .menu-box .item-box.active { color: #ff701d; }
.account-box .left-box .menu-box .item-box.active::before { content: ""; position: absolute; top: 7px; bottom: 7px; left: 0; width: 2px; background: #ff701d; }
.account-box .left-box .menu-box .item-box .icon { font-size: 15px; }
.account-box .right-box { width: 956px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
.account-box .right-box .tab-box { display: flex; justify-content: space-between; align-items: center; margin: 20px 30px 0 30px; border-bottom: 1px solid #ededed; }
.account-box .right-box .tab-box .menu-box { display: flex; justify-content: flex-start; align-items: center; }
.account-box .right-box .tab-box .menu-box .item-box { display: flex; justify-content: center; align-items: center; position: relative; padding: 0 30px; height: 50px; color: #333; font-size: 14px; cursor: pointer; }
.account-box .right-box .tab-box .menu-box .item-box:first-child::before { display: none; }
.account-box .right-box .tab-box .menu-box .item-box::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; border-left: 1px solid #d9d9d9; }
.account-box .right-box .tab-box .menu-box .item-box:hover { color: #ff701d; }
.account-box .right-box .tab-box .menu-box .item-box.active { color: #ff701d; font-weight: 600; }
.account-box .right-box .tab-box .menu-box .item-box.active::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #ff701d; }
.account-box .right-box .tab-box .btn-box .el-link { margin-right: 20px; }
.account-box .right-box .content { position: relative; padding: 30px; overflow: hidden; }
.account-box .right-box .content .el-form, .account-box .right-box .content .el-table { border: 1px solid #f5f5f5; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
.account-box .right-box .content .el-form { padding: 20px; }
.account-box .right-box .content .nodata { display: flex; flex-direction: column; align-items: center; padding: 50px; color: #999; font-size: 14px; }
.account-box .right-box .content .nodata .icon { margin-bottom: 20px; color: #ebebeb; font-size: 54px; line-height: 1; }
.account-box .index-box { width: 956px; }
.account-box .index-box .section-box { margin-bottom: 20px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
.account-box .index-box .section-box .title { padding: 0 30px; color: #333; font-size: 16px; line-height: 50px; border-bottom: 1px solid #ededed; }
.account-box .index-box .section-box .content { position: relative; padding: 20px; }
.account-box .index-box .info-index { display: flex; justify-content: space-between; margin-bottom: 20px; }
.account-box .index-box .info-index .avatar-box { display: flex; justify-content: space-between; align-items: center; padding: 20px; width: 468px; background: #fff; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); box-sizing: border-box; overflow: hidden; }
.account-box .index-box .info-index .avatar-box .img-box { display: flex; justify-content: center; align-items: center; position: relative; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #f3f3f3; overflow: hidden; }
.account-box .index-box .info-index .avatar-box .img-box > img, .account-box .index-box .info-index .avatar-box .img-box .el-image { width: 100%; height: 100%; border-radius: 50%; }
.account-box .index-box .info-index .avatar-box .img-box > .icon { color: #fff; font-size: 64px; }
.account-box .index-box .info-index .avatar-box .img-box .edit { display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; }
.account-box .index-box .info-index .avatar-box .img-box .edit .icon { color: rgba(255, 255, 255, 0.8); font-size: 24px; }
.account-box .index-box .info-index .avatar-box .txt-box { flex-grow: 1; margin-left: 20px; }
.account-box .index-box .info-index .avatar-box .txt-box .item-box { display: flex; justify-content: space-between; padding: 5px 0; }
.account-box .index-box .info-index .avatar-box .txt-box .item-box .title { flex-grow: 1; }
.account-box .index-box .info-index .avatar-box .txt-box .item-box .text { margin-right: 10px; color: #999; }
.account-box .index-box .info-index .num-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 20px; padding: 20px; width: 224px; background: #fff; box-sizing: border-box; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); overflow: hidden; }
.account-box .index-box .info-index .num-box .num { color: #ff701d; font-size: 22px; font-weight: 600; line-height: 1; }
.account-box .index-box .info-index .num-box .text { margin-top: 15px; font-size: 14px; }
.account-box .index-box .order-icon { display: flex; justify-content: space-around; }
.account-box .index-box .order-icon .item-box { display: flex; flex-direction: column; align-items: center; padding: 20px 30px; cursor: pointer; }
.account-box .index-box .order-icon .item-box:hover { color: #ff701d; }
.account-box .index-box .order-icon .item-box .icon { font-size: 34px; line-height: 1; }
.account-box .index-box .order-icon .item-box .text { margin-top: 15px; font-size: 14px; }
.account-box .index-box .list-wrap { display: flex; justify-content: space-between; flex-flow: row wrap; margin: -20px 0 0 -20px; overflow: hidden; }
.account-box .index-box .list-wrap .section-box { flex-grow: 1; margin: 20px 0 0 20px; width: calc(50% - 20px); }
.account-box .index-box .list-wrap .section-box .nodata { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 120px; height: 100%; }
.account-box .index-box .list-wrap .section-box .nodata .icon { color: #ccc; font-size: 32px; }
.account-box .index-box .list-wrap .section-box .nodata .text { margin-top: 20px; color: #999; font-size: 14px; }
.account-box .index-box .list-wrap .txt-list { display: flex; flex-direction: column; margin: -10px 0; }
.account-box .index-box .list-wrap .txt-list .list-box { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 0; border-top: 1px solid #f3f3f3; }
.account-box .index-box .list-wrap .txt-list .list-box:first-child { border: none; }
.account-box .index-box .list-wrap .txt-list .list-box .left { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
.account-box .index-box .list-wrap .txt-list .list-box .left h5 { font-size: 14px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.account-box .index-box .list-wrap .txt-list .list-box .left .time { margin-top: 5px; color: #999; font-size: 12px; }
.account-box .index-box .list-wrap .txt-list .list-box .left .time::before { margin-right: 3px; }
.account-box .index-box .list-wrap .txt-list .list-box .right { margin-left: 20px; }

.upload-avatar { display: flex; justify-content: center; }
.upload-avatar .avatar-box { position: relative; cursor: pointer; width: 180px; height: 180px; border-radius: 50%; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #f3f3f3; }
.upload-avatar .avatar-box img, .upload-avatar .avatar-box .el-image { width: 100%; height: 100%; border-radius: 50%; }
.upload-avatar .avatar-box i { display: block; position: absolute; top: 50%; left: 50%; margin: -14px auto auto -14px; color: rgba(255, 255, 255, 0.8); font-size: 28px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.upload-avatar .cropper-box .img-box { width: 100%; height: 450px; }
.upload-avatar .cropper-box .btn-box { display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; }
.upload-avatar .cropper-box .btn-box .el-upload { display: flex; align-items: center; margin-right: 10px; }

.upload-input .up-control { display: flex; justify-content: flex-start; align-items: center; }
.upload-input .up-control .el-input__inner { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.upload-input .up-control .el-button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.upload-input .img-preview { margin-top: 10px; }

.upload-album { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; }
.upload-album .img-box { position: relative; margin: 20px 0 0 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; border: 1px solid #DCDFE6; width: 112px; height: 112px; }
.upload-album .img-box .close { position: absolute; right: -9px; top: -9px; color: #e93323; font-size: 18px; background: #fff; border-radius: 100%; cursor: pointer; z-index: 1; }
.upload-album .img-box .el-progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.upload-album .img-box > img, .upload-album .img-box .el-image { width: 100%; height: 100%; border-radius: 3px; }
.upload-album .add-box .el-upload { position: relative; margin: 20px 0 0 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; border: 1px solid #DCDFE6; width: 112px; height: 112px; }
.upload-album .add-box .el-upload .btn-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0; height: 100%; }
.upload-album .add-box .el-upload .btn-box .icon { color: #999; font-size: 24px; }
.upload-album .add-box .el-upload .btn-box .text { margin-top: 5px; color: #ccc; font-size: 12px; line-height: 1; }

.upload-attach .list-btn { margin-bottom: 20px; }
.upload-attach .list-wrap { display: flex; flex-flow: row wrap; justify-content: space-between; margin-right: -20px; }
.upload-attach .list-wrap .list-box { display: block; position: relative; margin: 0 20px 20px 0; width: 230px; flex-grow: 1; box-sizing: border-box; border-radius: 4px; border: 1px solid #DCDFE6; overflow: hidden; }
.upload-attach .list-wrap .list-box .img-box { display: block; float: left; margin: 5px 10px 5px 5px; color: #fff; font-size: 24px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #67C23A; }
.upload-attach .list-wrap .list-box .info-box { margin: 5px; }
.upload-attach .list-wrap .list-box .info-box h3 { margin-bottom: 10px; color: #606266; font-size: 14px; font-weight: 600; line-height: 1.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.upload-attach .list-wrap .list-box .info-box dl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.upload-attach .list-wrap .list-box .info-box dl dt { color: #C0C4CC; font-size: 12px; line-height: 1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.upload-attach .list-wrap .list-box .info-box dl dd { display: flex; justify-content: space-between; color: #67C23A; font-size: 20px; height: 20px; line-height: 20px; }
.upload-attach .list-wrap .list-box .info-box dl dd span { margin: 0 5px; cursor: pointer; }
.upload-attach .list-wrap .list-box .info-box dl dd span:hover { color: #409EFF; }
.upload-attach .list-wrap .list-box .close { display: block; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; border-radius: 40px; color: #fff; font-size: 16px; background: #409EFF; cursor: pointer; overflow: hidden; }
.upload-attach .list-wrap .list-box .close i { position: absolute; display: block; bottom: 4px; left: 3px; }
.upload-attach .list-wrap .list-box .close:hover { background: #E6A23C; }

/*.payment-box { margin-top: 20px; }*/
.payment-box .head-box { border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; overflow: hidden; }
.payment-box .head-box .title { padding: 30px; color: #fff; font-size: 24px; line-height: 1; background: #e93323; }
.payment-box .head-box .title .icon { font-size: 24px; }
.payment-box .head-box .item-box { padding: 30px; }
.payment-box .head-box .item-box .item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; font-size: 16px; }
.payment-box .head-box .item-box .item .left { margin-right: 10px; width: 80px; }
.payment-box .head-box .item-box .item .right { flex-grow: 1; color: #666; }
.payment-box .head-box .item-box .item .price { margin: 0 2px; color: #e93323; }
.payment-box .head-box .btn-box { display: flex; justify-content: flex-end; padding: 30px; }
.payment-box .screen-box { margin-top: 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
.payment-box .screen-box .nav-bar { display: block; padding: 0 20px; font-size: 16px; font-weight: 600; line-height: 54px; height: 54px; border-bottom: 1px solid #f3f3f3; }
.payment-box .screen-box .btn-box { display: flex; justify-content: flex-end; padding: 30px; }
.payment-box .screen-box .btn-box .btn { padding: 15px 50px; }

.payment-list { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; padding: 20px 30px; overflow: hidden; }
.payment-list .list-box { display: flex; justify-content: center; align-items: center; position: relative; margin: 20px 0 0 20px; padding: 20px; width: 210px; height: 86px; border: 1px solid #d4d4d4; cursor: pointer; }
.payment-list .list-box.active { border-color: #e93323; }
.payment-list .list-box.active::before { content: "\e612"; font-family: "iconfont"; display: block; position: absolute; right: -3px; bottom: -4px; color: #e93323; font-size: 30px; }
.payment-list .list-box .icon { color: #fe9c01; font-size: 29px; margin-right: 11px; }
.payment-list .list-box .icon.icon-weixin { color: #09bb07; }
.payment-list .list-box .icon.icon-alipay { color: #00aaea; }
.payment-list .list-box .txt-box { display: flex; flex-direction: column; }
.payment-list .list-box .txt-box .name { color: #4e4e4e; font-size: 16px; }
.payment-list .list-box .txt-box .text { margin-top: 6px; color: #969696; font-size: 14px; }

.native-box { display: flex; flex-direction: column; align-items: center; }
.native-box .img-box { position: relative; width: 298px; height: 298px; }
.native-box .img-box img, .native-box .img-box el-image { width: 100%; height: 100%; }
.native-box .text { margin-top: 20px; color: #999; }
.native-box .text::before { margin-right: 3px; }

.error-box { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px; }
.error-box .num { color: #ccc; font-size: 180px; text-align: center; }
.error-box .text { margin-top: 20px; color: #999; }

.feedback_list {
    float: left;
}
.feedback_list ul {
    float: left;
    width: 100%;
    margin-top: 8px;
}
.feedback_list ul li {
    float: left;
    width: 100%;
    height: 34px;
}
    .feedback_list ul li div {
        width: 152px;
        float: left;
        text-align: center;
        font-size: 14px;
        line-height: 34px;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
        .feedback_list ul li div:first-child {
            width: 284px;
        }
    .feedback_list ul li i {
        font-size: 14px;
        float: left;
        line-height: 34px;
        transition: all 0.4s ease-in-out;
    }
    .feedback_list ul li a {
        float: left;
        margin-left: 2px;
        width: 270px;
        font-size: 14px;
        color: #333;
        line-height: 34px;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
        .feedback_list ul li a:hover {
            color: #245cc6;
        }
    .feedback_list ul li span {
        /*float: right;*/
        font-size: 14px;
        color: #333;
        line-height: 34px;
    }
    .feedback_list ul li:hover i {
        margin-left: 6px;
    }

.address-list { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; overflow: hidden; }
.address-list .add-box { display: flex; justify-content: center; align-items: center; margin: 20px 0 0 20px; width: 285px; height: 165px; border: 1px solid #f3f3f3; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); font-size: 16px; line-height: 1; cursor: pointer; }
.address-list .add-box .icon { margin-right: 5px; color: #999; }
.address-list .list-box { display: flex; flex-direction: column; position: relative; margin: 20px 0 0 20px; padding: 20px 20px 50px 20px; width: 285px; border: 1px solid #f3f3f3; border-radius: 3px; box-sizing: border-box; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
.address-list .list-box:hover .edit-box { opacity: 1; }
.address-list .list-box .name { color: #282828; font-size: 16px; }
.address-list .list-box .mobile { margin: 10px 0 5px; color: #666; font-size: 13px; }
.address-list .list-box .address { color: #999; font-size: 14px; height: 40px; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
.address-list .list-box .label { position: absolute; top: 0; right: 0; padding: 5px 12px; color: #fff; font-size: 12px; line-height: 1; border-radius: 0 3px 0 3px; background: #e93323; }
.address-list .list-box .edit-box { opacity: 0; display: flex; justify-content: space-between; position: absolute; right: 20px; bottom: 20px; color: #e93323; }
.address-list .list-box .edit-box .text { margin-left: 5px; line-height: 20px; cursor: pointer; }

.order-list .list-box { margin-bottom: 20px; border: 1px solid #ececec; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
.order-list .list-box .head-box { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #f5f5f5; line-height: 1; }
.order-list .list-box .head-box .text { color: #e93323; margin-right: 5px; }
.order-list .list-box .head-box .time { color: #999; font-size: 14px; }
.order-list .list-box .head-box .time::before { margin-right: 5px; }
.order-list .list-box .head-box .state { color: #666; }
.order-list .list-box .head-box .state.red { color: #e93323; }
.order-list .list-box .item-box { display: flex; justify-content: flex-start; align-items: center; padding: 20px; border-bottom: 1px solid #f5f5f5; }
.order-list .list-box .item-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; }
.order-list .list-box .item-box .img-box > img, .order-list .list-box .item-box .img-box .el-image { width: 100%; height: 100%; }
.order-list .list-box .item-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; }
.order-list .list-box .item-box .txt-box .text { font-size: 15px; }
.order-list .list-box .item-box .txt-box .info { margin-top: 10px; color: #aaa; }
.order-list .list-box .item-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 20px; }
.order-list .list-box .item-box .txt-box .price::before { content: "￥"; font-size: 14px; }
.order-list .list-box .item-box .btn-box { flex-shrink: 1; width: 150px; }
.order-list .list-box .item-box .btn-box .el-tag { min-width: 80px; text-align: center; }
.order-list .list-box .total-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 0 20px; }
.order-list .list-box .total-box .right { flex-grow: 1; display: flex; justify-content: flex-end; align-items: baseline; color: #666; }
.order-list .list-box .total-box .right .num { margin: 0 3px; font-weight: bold; }
.order-list .list-box .total-box .right .price { margin: 0 3px; color: #e93323; font-size: 18px; font-weight: 600; }
.order-list .list-box .btn-box { display: flex; justify-content: flex-end; padding: 20px; }
.order-list .list-box .express-box { padding: 20px 20px 0 20px; }
.order-list .list-box .express-box .more-box { display: flex; flex-direction: column; margin-bottom: 20px; text-align: center; color: #999; line-height: 1; cursor: pointer; }
.order-list .list-box .express-box .more-box .text { margin-bottom: 3px; }
.order-list .list-box .express-box .more-box .icon { margin: auto; display: inline-block; width: 14px; height: 14px; color: #ccc; font-size: 14px; transform: rotate(-90deg); }


.order-confirm .screen-box { margin-top: 20px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
.order-confirm .screen-box .nav-bar { display: block; padding: 0 20px; font-size: 16px; font-weight: 600; line-height: 54px; height: 54px; border-bottom: 1px solid #f3f3f3; }
.order-confirm .screen-box .address-list { margin: 0; padding-bottom: 20px; }
.order-confirm .screen-box .address-list .list-box, .order-confirm .screen-box .address-list .add-box { width: 275px; cursor: pointer; }
.order-confirm .screen-box .address-list .add-box { height: 135px; }
.order-confirm .screen-box .address-list .list-box { padding: 20px; }
.order-confirm .screen-box .address-list .list-box.active { border-color: #e93323; }
.order-confirm .screen-box .address-list .list-box.active::before { content: "\e612"; font-family: "iconfont"; display: block; position: absolute; right: -3px; bottom: -4px; color: #e93323; font-size: 30px; }
.order-confirm .goods-box { margin: 0 30px; }
.order-confirm .goods-box .list-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #f3f3f3; }
.order-confirm .goods-box .list-box:first-child { border: none; }
.order-confirm .goods-box .list-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; border-radius: 5px; overflow: hidden; }
.order-confirm .goods-box .list-box .img-box > img, .order-confirm .goods-box .list-box .img-box .el-image { width: 100%; height: 100%; border-radius: 5px; }
.order-confirm .goods-box .list-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
.order-confirm .goods-box .list-box .txt-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.order-confirm .goods-box .list-box .txt-box .info { margin-top: 10px; color: #999; font-size: 13px; line-height: 1; }
.order-confirm .goods-box .list-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 16px; }
.order-confirm .goods-box .list-box .txt-box .price::before { content: "￥"; font-size: 14px; }
.order-confirm .goods-box .list-box .num-box { width: 60px; }
.order-confirm .item-box { display: flex; justify-content: space-between; margin: 20px 30px 0 30px; padding-top: 20px; border-top: 1px solid #f3f3f3; }
.order-confirm .item-box .left-box { flex-shrink: 0; width: 100px; color: #999; }
.order-confirm .item-box .right-box { flex-grow: 1; color: #606266; }
.order-confirm .total-box { display: flex; justify-content: space-between; margin: 20px 30px; padding: 20px 0; }
.order-confirm .total-box .left-box { display: flex; justify-content: flex-start; align-items: center; }
.order-confirm .total-box .left-box .text { width: 100px; color: #999; }
.order-confirm .total-box .right-box { display: flex; justify-content: flex-end; align-items: center; }
.order-confirm .total-box .right-box .item { margin-right: 20px; color: #606266; }
.order-confirm .total-box .right-box .item .num { color: #333; font-size: 16px; font-weight: 500; }
.order-confirm .total-box .right-box .item .price { margin-left: 5px; color: #e93323; font-size: 16px; font-weight: 500; }
.order-confirm .total-box .right-box .item .price::before { content: "￥"; font-size: 14px; }
.order-confirm .amount-box { display: flex; justify-content: flex-end; align-items: baseline; margin: 20px 30px; padding: 20px; border-radius: 5px; background: #f7f7f7; }
.order-confirm .amount-box .price { margin-left: 10px; color: #e93323; font-size: 20px; font-weight: 600; }
.order-confirm .amount-box .price::before { content: "￥"; font-size: 14px; }
.order-confirm .btn-box { display: flex; justify-content: flex-end; padding: 30px; }

.order-detail { margin-top: -20px; }
.order-detail .head-box { margin-top: 20px; padding: 20px 0; }
.order-detail .screen-box { margin-top: 20px; border: 1px solid #f3f3f3; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
.order-detail .screen-box .nav-bar { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; font-size: 16px; line-height: 54px; height: 54px; border-bottom: 1px solid #f3f3f3; }
.order-detail .screen-box .nav-bar .tip { color: #999; font-size: 14px; font-weight: 500; }
.order-detail .item-box { padding: 10px 20px; }
.order-detail .item-box .item { display: flex; justify-content: space-between; padding: 10px 0; }
.order-detail .item-box .item .left { width: 80px; color: #999; }
.order-detail .item-box .item .right { flex-grow: 1; }
.order-detail .item-box .album { display: flex; justify-content: flex-start; flex-flow: row wrap; margin: -20px 0 0 -20px; }
.order-detail .item-box .album .img-box { margin: 20px 0 0 20px; width: 112px; height: 112px; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); }
.order-detail .item-box .album .img-box > img, .order-detail .item-box .album .img-box .el-image { width: 100%; height: 100%; border-radius: 3px; }
.order-detail .goods-box { margin: 0 20px; }
.order-detail .goods-box .list-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-top: 1px solid #f3f3f3; }
.order-detail .goods-box .list-box:first-child { border: none; }
.order-detail .goods-box .list-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; border-radius: 5px; overflow: hidden; }
.order-detail .goods-box .list-box .img-box > img, .order-detail .goods-box .list-box .img-box .el-image { width: 100%; height: 100%; border-radius: 5px; }
.order-detail .goods-box .list-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
.order-detail .goods-box .list-box .txt-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.order-detail .goods-box .list-box .txt-box .info { margin-top: 10px; color: #999; font-size: 13px; line-height: 1; }
.order-detail .goods-box .list-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 16px; }
.order-detail .goods-box .list-box .txt-box .price::before { content: "￥"; font-size: 14px; }
.order-detail .goods-box .list-box .btn-box { flex-shrink: 1; width: 150px; }
.order-detail .goods-box .list-box .btn-box .el-tag { min-width: 80px; text-align: center; }
.order-detail .total-box { display: flex; justify-content: flex-end; align-items: baseline; margin: 20px 0; padding: 20px; }
.order-detail .total-box .text { margin-left: 20px; }
.order-detail .total-box .text .point, .order-detail .total-box .text price { margin-left: 5px; color: #e93323; font-size: 16px; }
.order-detail .total-box .text .price::before { content: "￥"; font-size: 14px; }
.order-detail .amount-box { display: flex; justify-content: flex-end; align-items: baseline; margin: 20px 0; padding: 20px; border-radius: 5px; background: #f7f7f7; }
.order-detail .amount-box .price { margin-left: 10px; color: #e93323; font-size: 20px; font-weight: 600; }
.order-detail .amount-box .price::before { content: "￥"; font-size: 14px; }
.order-detail .btn-box { display: flex; justify-content: flex-end; padding: 30px 0; }

.order-form { margin-top: -20px; }
.order-form .list-box { margin-top: 20px; padding: 10px 20px; border: 1px solid #f3f3f3; border-radius: 3px; box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.02); background: #fff; }
.order-form .list-box .goods-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 10px 0 20px; border-bottom: 1px solid #f5f5f5; }
.order-form .list-box .goods-box .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 96px; height: 96px; border-radius: 5px; overflow: hidden; }
.order-form .list-box .goods-box .img-box > img, .order-form .list-box .goods-box .img-box .el-image { width: 100%; height: 100%; border-radius: 5px; }
.order-form .list-box .goods-box .txt-box { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
.order-form .list-box .goods-box .txt-box .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.order-form .list-box .goods-box .txt-box .info { margin-top: 10px; color: #999; font-size: 13px; line-height: 1; }
.order-form .list-box .goods-box .txt-box .price { margin-top: 10px; color: #e93323; font-size: 16px; }
.order-form .list-box .goods-box .txt-box .price::before { content: "￥"; font-size: 14px; }
.order-form .list-box .form-box .item-box { display: flex; justify-content: space-between; padding: 10px 0; }
.order-form .list-box .form-box .item-box .left { flex-shrink: 0; width: 80px; color: #999; }
.order-form .list-box .form-box .item-box .right { flex-grow: 1; }
.order-form .btn-box { display: flex; justify-content: flex-end; margin-top: 30px; }


.table-list h4 { font-size: 14px; font-weight: 500; }
.table-list .price { margin: 5px 0; color: #e93323; font-weight: 600; }
.table-list .date { color: #999; font-size: 13px; }
.table-list .img-list { display: flex; justify-content: flex-start; align-items: center; }
.table-list .img-list .img-box { flex-shrink: 0; position: relative; margin-right: 20px; width: 60px; height: 60px; }
.table-list .img-list .img-box > img, .table-list .img-list .img-box .el-image { width: 100%; }
.table-list .img-list .txt-box { flex-grow: 1; display: flex; flex-direction: column; }
.table-list .img-list .txt-box .info { margin: 5px 0; color: #999; line-height: 20px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }

.side-toolbar{position:fixed;right:24px;top:50%;width:120px;z-index:1999}.side-toolbar a.option-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:200px;cursor:pointer;margin-top:8px}.side-toolbar a.option-box:[data-type=report]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#4d4d4d}.side-toolbar a.option-box[data-type=app]:hover .app-qr-box{display:block}.side-toolbar a.option-box .app-qr-box{display:none;position:absolute;margin-right:48px;right:0;top:0;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1);box-shadow:0 2px 3px 0 rgba(0,0,0,.1);border-radius:4px}.side-toolbar a.option-box .app-qr-box .bg-box{position:relative;width:300px;height:176px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.1);box-shadow:0 2px 8px 0 rgba(0,0,0,.1);border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex}.side-toolbar a.option-box .app-qr-box .tab-pane{width:100%;cursor:default}.side-toolbar a.option-box .app-qr-box .tab-pane input[type=radio]{position:absolute;clip:rect(0,0,0,0)}.side-toolbar a.option-box .app-qr-box .tab-pane .tab-item{display:block;width:100%;height:40px;line-height:40px;font-size:14px;color:#555666;cursor:pointer;border-right:1px solid #e8e8ed}.side-toolbar a.option-box .app-qr-box .tab-pane .tab-item:hover{background:rgba(204,204,216,.3)}.side-toolbar a.option-box .app-qr-box .tab-pane:last-child .tab-item{border:none}.side-toolbar a.option-box .app-qr-box .tab-pane .tab-content{position:absolute;border-top:1px solid #eee;padding:20px 16px;left:0;top:40px;bottom:0;right:0;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.side-toolbar a.option-box .app-qr-box .tab-pane .tab-content img{display:block;width:96px;height:auto}.side-toolbar a.option-box .app-qr-box .tab-pane .tab-content p.desc{margin:0;padding:0;padding-left:10px;width:100%;font-size:14px;font-weight:400;color:#555666;line-height:20px;text-align:left}.side-toolbar a.option-box .app-qr-box .tab-pane input[type=radio]:checked+.tab-item{background:rgba(204,204,216,.3);color:#222226}.side-toolbar a.option-box .app-qr-box .tab-pane input[type=radio]:checked+.tab-item+.tab-content{z-index:1}.side-toolbar a.option-box[data-type=feedback] img{width:26px}.side-toolbar a.option-box[data-type=gotop].go-top-hide{visibility:hidden}.side-toolbar a.option-box.no—h.active img,.side-toolbar a.option-box.no—h:hover img{display:block}.side-toolbar a.option-box.no—h.active .show-txt,.side-toolbar a.option-box.no—h:hover .show-txt{display:none}.side-toolbar a.option-box img{display:block;width:100%}.side-toolbar a.option-box .show-txt{display:none;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;line-height:14px;color:#999aaa;background-color:#fff;text-align:center;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.side-toolbar.black a.option-box{background:#444447}.side-toolbar.black a.option-box .show-txt{background:#444447}.side-toolbar.black a.option-box .app-qr-box .bg-box{background:#444447;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.1);box-shadow:0 2px 8px 0 rgba(0,0,0,.1);border-radius:4px}.side-toolbar.black a.option-box .app-qr-box .tab-pane .tab-item{color:#999;border-color:rgba(232,232,237,.4)}.side-toolbar.black a.option-box .app-qr-box .tab-pane .tab-item:hover{background:rgba(204,204,216,.3)}.side-toolbar.black a.option-box .app-qr-box .tab-pane .tab-content{border-color:rgba(232,232,237,.4);background:#444447}.side-toolbar.black a.option-box .app-qr-box .tab-pane .tab-content p.desc{color:#999}.side-toolbar.black a.option-box .app-qr-box input[type=radio]:checked+.tab-item{background:rgba(204,204,216,.3);color:#d3d3d3}